*{
    margin: 0;
    padding: 0;
}

.container{
    /* border: 5px solid black; */
}


ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
    

}

ul li{
    float: left;
}

ul li a{
    display: block;
    color: black;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

ul li a:hover{
    background-color: grey;
}

/* ul li:last-child(){
    position: relative;
    right: 200px;
} */




.headinfo{
    /* border: 1px black;
    border-width: 5px;
    border-style: solid; */

    
    border:  2px solid black;/*这里是设置边框，边框粗细，风格，颜色*/
    /* margin-top: 10px;这里是设置元素与别的元素间隔开的距离 */
    padding: 50px;/*设置内边距*/
  
    position: relative;/*设置居中*/
    text-align: center;
}


.info {
    border: 2px solid black;
    /* padding: 50px; */
    display: grid;
    grid-template-columns: repeat(3,1fr);
    height: 300px;
    

}


.info .left-info{
    border: 1px solid black;
    position: relative;
    text-align: center;
    
}

.info .left-info ol li{
    display: flex;
    position: relative;
    text-align: center;
    justify-content: center;
}





.info .middle-info{
    border: 1px solid black;
    position: relative;
    text-align: center;
    
}
.info .right-info{
    border: 1px solid black;
    position: relative;
    text-align: center;
    
}

.info .right-info ol{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
}

.info .right-info ol li{
    display: flex;
    position: relative;
    text-align: center;
    justify-content: center;
}














.bottom-info{
    
    /* padding: 50px; */
    display: grid;
    grid-template-columns: repeat(3,1fr);
    height: 300px;
    place-items: center;
}


.bottom-info .left-review{
    border: 1px solid black;
    border-radius: 50px;
    position: relative;
    text-align: center;
    justify-content: center;
    padding: 80px;
}

.bottom-info .middle-review{
    border: 1px solid black;
    border-radius: 50px;
    position: relative;
    text-align: center;
    padding: 80px;
    
}
.bottom-info .right-review{
    border: 1px solid black;
    border-radius: 50px;
    position: relative;
    text-align: center;
    padding: 80px;
}












